<!DOCTYPE html>
<head xmlns:v-bind="http://www.w3.org/1999/xhtml" >
    <meta charset="UTF-8">
    <title>demo12表单-单选按钮的双向绑定</title>
  <script src="./js/vue.min.js"></script>

</head>

<body>
   <div id="app">
     <p> 单选框</p>
     <input  id="runoob" type="radio"  value="Runoob" v-model="picked" >
     <label for="runoob">Runoob</label>
     <input  id="google" type="radio" value="Google" v-model="picked" >
     <label for="google">Google</label>
     <br>
     <span>选择的值为:{{picked}}</span>
   </div>

</body>

<script type="application/javascript">
  var vm = new Vue({
    el: "#app",
    data: {
     picked: 'Runoob'
    }
  });

</script>
</html>
